<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="../boo/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="booday02.css">
</head>
<body>

<!-- 栅格系统 -->
<!-- 布局容器 -->
<div class="container-fluid">
	<div class="row">
		<div class="col-md-1 pink">.col-md-1</div>
		<div class="col-md-1 blue">.col-md-1</div>
		<div class="col-md-1 pink">.col-md-1</div>
		<div class="col-md-1 blue">.col-md-1</div>
		<div class="col-md-1 pink">.col-md-1</div>
		<div class="col-md-1 blue">.col-md-1</div>
		<div class="col-md-1 pink">.col-md-1</div>
		<div class="col-md-1 blue">.col-md-1</div>
		<div class="col-md-1 pink">.col-md-1</div>
		<div class="col-md-1 blue">.col-md-1</div>
		<div class="col-md-1 pink">.col-md-1</div>
		<div class="col-md-1 blue">.col-md-1</div>
	</div>
</div>
<!-- 头部 -->
	<header>
	<!-- logo 商家名 日期 -->
		<div id="headerDiv1" >
			<div class="col-md-2 col-md-offset-1">
				<img alt="" src="logo.png" id="logo">
				
			</div>
			<div class="col-md-4 col-md-offset-2" id="shopname">
				商家管理系统
			</div>
			<div class="col-md-2 col-md-offset-2" id="date">
				2021-04-13 15:30
			</div>
		</div>
		
	<!-- 导航条1 -->	
		<div id="navDiv">
			<div id="nav1" class="col-md-6 col-md-offset-1">
				<ul>
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
					<li>
						<a href="#" id="navchild">
							<img alt="" src="5.png" id="downimg">
							<img alt="" src="6.png" id="upimg">
							商家管理
						</a>
					</li>		
				</ul>
			</div>
			
			<div id="nav1-1"class="col-md-2 col-md-offset-1">
				<a href="#" id="denglu">请登录</a>
			</div>	
		</div>
		<!-- 导航条2 -->	
		<div id="nav2">
				<ul class="col-md-6 col-md-offset-3">
					<li><a href="#">查询</a></li>
					<li><a href="#">添加</a></li>
				</ul>
		</div>
			
	</header>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
	  <!-- Indicators -->
	  <ol class="carousel-indicators">
	  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
	  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
	  <li data-target="#carousel-example-generic" data-slide-to="2"></li>
	  </ol>
	
	  <!-- Wrapper for slides -->
	<div class="carousel-inner" role="listbox">
		<div class="item active">
		<img src="2.jpg" alt="...">
	      <div class="carousel-caption">
	      </div>
	    </div>
	    <div class="item">
	      <img src="3.jpg" alt="...">
	      <div class="carousel-caption">
	      </div>
	    </div>
	    <div class="item">
	      <img src="4.jpg" alt="...">
	      <div class="carousel-caption"> 
	      </div>
	    </div>
	</div>
	
	  <!-- Controls -->
	  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
	   	<
	    <span class="sr-only">Previous</span>
	  </a>
	  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
	   >
	    <span class="sr-only">Next</span>
	  </a>
	</div>




<script type="text/javascript" src="../boo/js/jquery1.12.4.min.js"></script>
<script type="text/javascript" src="../boo/js/bootstrap.js"></script>
<script type="text/javascript" src="../booday02/booday02.js"></script>

</body>
</html>